<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆页</title>
    <style>
        @import url(./css//tailwind.min.css);

        .input {
            outline: none;
            border-bottom: 1px solid rgba(169, 167, 167, 0.26);
        }

        .noselect {
            -moz-user-select: none;
            -khtml-user-select: none;
            user-select: none;
            cursor: pointer;
        }

        * {
            font-family: "Microsoft YaHei", 微软雅黑;
        }
    </style>

</head>

<body class=" bg-gray-500 h-screen w-screen">
    <div class="min-w-min pr-6 pl-6 pt-6 w-1/6 rounded-lg mx-auto bg-white items-center relative ">
        <img src="./images/qrcode.svg" class="absolute top-2 right-2 w-5 h-5" />
        <img src="./images/close.svg" class="absolute top-2 left-2 w-4 h-4" />
        <div>
            <img src="./images/avatar.jpg" class="mx-auto border items-center w-28 h-28 rounded-full" />
        </div>
        <div class="mt-8">
            <input type="text" name="uid" id="uid" placeholder="用户名"
                class="block input border-transparent mx-auto items-center pl-3 mt-5 text-sm" />
            <input type="password" name="pwd" id="pwd" placeholder="密码"
                class="block input border-transparent mx-auto items-center pl-3  mt-5 text-sm" />
        </div>
        <div class="mt-4 pb-1">
            <span  class="noselect piont block transform rotate-90 scale-y-150 mx-auto items-center w-1 text-gray-500">></span>
        </div>
    </div>
    <div class="min-w-min pr-6 pl-6 pt-5 w-1/6 rounded-lg mx-auto bg-gray-300 items-center -mt-3">
        <div class="min-w-min relative" style="min-width: 10rem;">
            <input type="radio" name="rememberPwd" />
            <sapn class="text-black text-sm noselect">记住密码</sapn> <span class="text-black text-sm ml-7 absolute right-2 top-1 noselect">忘记密码</span>
        </div>
        <div class="min-w-min w-auto relative pt-1 pb-3">
            <input type="radio" name="autoLogin" />
            <sapn class="text-black text-sm noselect">自动登录</sapn> <span class="text-black text-sm absolute right-2 top-2 noselect">注册账号</span>
        </div>
    </div>
</body>

</html>